<template>
  <div class="footer">
    <div class="wrap">
      <ul>
        <li>联系电话：13902650062</li>
        <li>地址：广东省深圳市龙岗区 平吉大道66号7栋 （康利城7栋- 1101）</li>
        <li>备案号：粤ICP备2023103232号-3</li>
        <li>邮箱： yuehuirenxiao.com</li>
        <li>域名登录地址：https://qiye.aliyun.com</li>
      </ul>
      <ul>
        <li v-for="(item, index) in menu1" :key="index">{{ item.name }}</li>
      </ul>
      <ul>
        <li>解决方案</li>
        <li v-for="(item, index) in menu2" :key="index">{{ item.name }}</li>
      </ul>
      <img src="../assets/images/img-5.png" class="QRCode" alt="">
    </div>
  </div>
</template>

<script>
export default {
  name: "FooterComponent",
  data() {
    return {
      menu1: [
        { name: "产品服务", link: "" },
        { name: "通用福利", link: "" },
        { name: "节日福利", link: "" },
        { name: "津贴福利", link: "" },
        { name: "企业用餐", link: "" },
        { name: "健康额度", link: "" },
        { name: "EAP服务", link: "" },
        { name: "组织活力", link: "" }
      ],
      menu2: [
        { name: "工会福利解决方案", link: "" },
        { name: "企业用餐解决方案", link: "" },
        { name: "央国企福利解决方案", link: "" },
        { name: "党建数字化解决方案", link: "" },
        { name: "大型企业福利解决方案", link: "" }
      ]
    }
  }
}
</script>

<style scoped lang="less">
.footer {
  background-color: #050E19;
  color: #fff;
  padding: 30px 0;
  .wrap {
    display: flex;
    justify-content: space-between;
    .QRCode {
      width: 168px;
      height: 168px;
      border-radius: 10px;
    }
  }
}
@media screen and (min-width: 1200px) {
  .wrap {
    width: 1200px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1200px) {
  .wrap {
    width: 100%;
  }
}
</style>